<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>f</title>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <script type="text/javascript" src="f.js"></script>
    <script type="text/javascript" src="other/jquery-1.6.2.js"></script>
    <style type="text/css">
        .df{background: #cde;}
        .drag{
            display: inline-block; width: 100px;height: 30px; background: #cac; ;
            }
        a{ position: relative; display: block; width: 300px; height: 300px;
            background: url(http://i11.topit.me/l/201102/24/12985445648892.jpg) no-repeat 20px 300px;
             padding: 0 200px;

           }
        .ct{width: 100px;height: 100px;background: #ccc; position: relative;}
    </style>

</head>
<body>
<div class="ct">

</div>
<a href="" style="left: 10px; "  >abc</a>
<a href="">def</a>

<div class="draggable">
    <p></p>
    <a href="">abc</a>
    <a href="">def</a>
</div>

<div class="ggable">
    <p></p>
    <a href="">aaa</a>
    <a href="">bbb</a>
</div>




<script type="text/javascript">
F.ready(function(f){
 //    f.use('dom,event',function(f,dom,event){
//
//        var oa=dom.query('input') .addclass('drag');
//
//        event.add(oa,'keydown',function(e){
//            console.log(e.charCode===event.keyCode.CAPS_LOCK)
//        });
//         event.add('a','click',function(e){
//            e.prevent();
//        });
//     //   event.fire('a','click');
//
//
//
//
//
//
//    });
//    f.use('dom,drag',function(f,dom,drag){
//         dom.query('a').addclass('drag').css({cursor: 'move'});
//        drag.enable('drag');
//        drag.add('dragstart',function(e){
//       //     console.log(e.startOffset)
//
//         });
//        drag.add('dragend',function(e){
//
//           // e.target.offset(e.startOffset);
//        });
//       // drag.disable('drag');
//
//       // console.log(drag);
//    });
//    f.use('event',function(f,event){
////        event.delegate('body','a','click',function(){
////          alert('ok');
////        });
//       // event.undelegate('body','a','click' );
//    });
   /* f.use('ajax,dom',function(f,ajax,dom){
           ajax.get({
               url:'http://192.168.0.110/f/php/?call=?',
               dataType:'jsonp',
               error:function(xhr){
                  // console.dir(xhr)
                   f.log('error');
               },

               success:function(data,xhr){
    //console.log(xhr.getAllResponseHeaders());
    //             console.log(data.getElementsByTagName('Navigate')[0].getAttribute('src'))
    console.log(data)
               },
               start:function(){
                 //   f.log('start')
               },
               complete:function(){
              //  f.log('complete')
               }

           });

        });*/
f.use('anim,event,dom',function(f,anim,event,dom){
    var cc=new event.custom;


// alert(F.Dom.query('a').css('backgroundPositionY'));
//   dom.query('div').append('<a href=""></a>');

event.add(document,'click',function(){
    new anim(document).run({scrollTop:0});
})

 });

});

</script>

</body>
</html>